<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:include href="../template/template.xsl"/>
    
    <xsl:output method="html"/>
    
    <xsl:template match="/">
        <html xmlns="http://www.w3.org/1999/xhtml">
            <xsl:call-template name="header"/>
            
            <body class="metro">
                <div id="wrapper">
                    <xsl:call-template name="menu"/>
                
                    <div id="page-wrapper">
                        <ol class="breadcrumb">
                            <li>
                                <a href="index.html"><i class="fa fa-home"></i> Accueil</a>
                            </li>
                            <li class="active">
                                <i class="fa fa-bar-chart-o"></i> Statistiques
                            </li>
                        </ol>
                        
                        <div class="page-header">
                            <h3>Statistiques</h3>
                        </div>
                        <p>
                            Ce module vous permet de trouver des informations globales sur tous nos hôtels recensés.
                        </p><br/>
                        
                        <div class="stats">
                            <fieldset>
                                <legend>Prix minimal et maximal des hôtels</legend>
                                <div id="statistiques_prix" style="height: 300px;"></div>
                            </fieldset>
                            <fieldset>
                                <legend>Nombre d'hôtel par note</legend>
                                <div id="statistiques_nbhotel" style="height: 300px;"></div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                
                <xsl:call-template name="footer"/>
                
                <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
                <script type='text/javascript' src='js/morris.min.js'></script>
                <script type='text/javascript' src='js/stats.js'></script>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>